<%-- 
    Document   : usuarios
    Created on : 29-abr-2014, 12:49:51
    Author     : Rafa
--%>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="head.html" %> 
        <script>
            function dialogoEliminar() {

                var retVal = confirm("¿Realmente desea eliminar este usuario?");
                if (retVal == true) {
                    //alert("User wants to continue!");
                    return true;
                } else {
                    //alert("User does not want to continue!");
                    return false;
                }
            }
        </script>
    </head>
    <body>
        <!-- Header -->
        <div id="header" class="skel-panels-fixed">

            <div class="top">

                <!-- Logo -->
                <%@include file="perfil.jsp" %>

                <!-- Nav -->
                <nav id="nav">
                    <ul>
                        <li><html:link action="/VistaUsuario/Superuser/irInicio"><span class="fa fa-envelope-o">Control de Mando</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irSecciones"><span class="fa fa-envelope-o">Secciones</span></html:link></li>
                            <li><a href="#usuarios" id="usuarios-link" class="skel-panels-ignoreHref"><span class="fa fa-dashboard">Usuarios</span></a></li>
                            <li><html:link action="/VistaUsuario/Superuser/irAutoresSuperuser"><span class="fa fa-check-square">Autores</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irRevistas"><span class="fa fa-users">Revista</span></html:link></li>                
                        </ul>
                    </nav>

                </div>

            </div>

            <!-- Main -->
            <div id="main">

                <!-- Intro -->
                <section id="usuarios" class="one">
                    <header>
                        <h2 class="alt">Usuarios</h2>
                        <!-- Boton para modificar la seccion -->                               
                    <html:form action="/VistaUsuario/Superuser/anadirUsuario">
                        <html:hidden name="ModificarUsuarioActionForm" property="update" value="Anadir"/>
                        <span><html:image styleId="anadir" src="images/anadir.png" style="width: 8%; height: 8%"/></span>
                    </html:form> 
                </header>


                <logic:notEmpty name="listaUsuarios">
                    <ul class="menuSeccion">
                        <logic:iterate name="listaUsuarios" id="usuarioMostrar" >  
                            <!-- Boton para modificar la seccion -->                              

                            <li class="item1" >

                                <a href="#<bean:write name="usuarioMostrar" property="idUsuario" />" data-toggle="collapse" data-target="#<bean:write name="usuarioMostrar" property="idUsuario" />" >

                                    <bean:write name="usuarioMostrar" property="persona" /> 

                                    <!-- Ver info usuario -->
                                    <html:form action="/VistaUsuario/Superuser/verUsuario">
                                        <html:hidden name="usuarioMostrar" property="idUsuario"/>
                                        <span><html:image styleId="verAlgo" src="images/verLupa.png" style="width: 15px; height: 15px"/></span>
                                    </html:form>

                                    <!-- Boton para modificar la seccion -->                               
                                    <html:form action="/VistaUsuario/Superuser/modificarUsuario">
                                        <html:hidden name="usuarioMostrar" property="idUsuario"/>
                                        <span><html:image styleId="modificar" src="images/modificar.png" style="width: 15px; height: 15px"/></span>
                                    </html:form>

                                    <!-- Boton para eliminar la seccion -->                             
                                    <html:form action="/VistaUsuario/Superuser/eliminarUsuario" onsubmit="return dialogoEliminar()">
                                        <html:hidden name="usuarioMostrar" property="idUsuario"/>
                                        <span><html:image styleId="eliminar" src="images/eliminar.png" style="width: 15px; height: 15px"/></span>
                                    </html:form> 

                                    <% int numSecciones = 0;%>
                                    <logic:iterate name="usuarioMostrar" property="seccions" id="seccionesUsuario">
                                        <% numSecciones++;%>
                                    </logic:iterate>

                                    <span id="numeroMax" title="Numero de Secciones del Usuario"><%=numSecciones++%></span>

                                </a>

                                <ul id="<bean:write name="usuarioMostrar" property="idUsuario"/>" class="collapse">
                                    <!-- Ver el estado -->
                                    <table style="margin:0">
                                        <tr>
                                            <td style="width: 33%;">
                                                <html:form action="/VistaUsuario/Superuser/verUsuario">
                                                    <html:hidden name="usuarioMostrar" property="idUsuario"/>
                                                    <span style="margin-left: 4%"><html:image styleId="verAlgoMovil" src="images/verLupa.png" style="width: 15px; height: 15px"/></span>
                                                </html:form>
                                            </td>
                                            <td style="width: 33%;"><!-- Boton para modificar la seccion -->                               
                                                <html:form action="/VistaUsuario/Superuser/modificarUsuario">
                                                    <html:hidden name="usuarioMostrar" property="idUsuario"/>
                                                    <span><html:image styleId="modificarMovil" src="images/modificar.png" style="width: 15px; height: 15px"/></span>
                                                </html:form>
                                            </td>
                                            <td style="width: 33%;"><!-- Boton para eliminar la seccion -->                             
                                                <html:form action="/VistaUsuario/Superuser/eliminarUsuario">
                                                    <html:hidden name="usuarioMostrar" property="idUsuario"/>
                                                    <span><html:image styleId="eliminarMovil" src="images/eliminar.png" style="width: 15px; height: 15px"/></span>
                                                </html:form> 
                                            </td>
                                        </tr>
                                    </table>            
                                    <li class="subitem1">

                                        <!-- De cada usuario se recorren sus secciones -->
                                        
                                            <logic:iterate name="usuarioMostrar" property="seccionUsuarioRols" id="usuarioSUR">

                                                <a href="#">
                                                    <ul>
                                                        <li>
                                                            Responsable de <bean:write name="usuarioSUR" property="rol"/> 
                                                            en: <bean:write name="usuarioSUR" property="seccion"/>
                                                        </li>
                                                    </ul>
                                                </a>

                                            </logic:iterate>

                                    </li>
                                </ul>
                            </li>
                        </logic:iterate>
                    </ul>
                </logic:notEmpty>
                <logic:empty name="listaUsuarios">
                    <p>No hay ningun usuario</p>
                </logic:empty>
            </section>          
        </div>



        <!-- Footer -->
        <div id="footer">
            <%@include file="footer.html" %>
        </div>
        <!-- Mensaje de Error al insertar -->
        <logic:notEmpty name="ModificarUsuarioActionForm" property="errorAlert">    
            <script>
                alert("<bean:write name="ModificarUsuarioActionForm" property="errorAlert" filter="false"/>");
            </script>
        </logic:notEmpty>
    </body>
</html>
